{extend name="base" /}
{block name="body"}
{include file="common/header" /}
<style type="text/css">
 body { 
   BACKGROUND: #e7e8eb url(/static/libs/images/bg.jpg); 
   } 
</style>
<blockquote class="layui-elem-quote layui-quote-nm" style="font-size: 68px; text-align: center; color: #16baaa;">
  Layui
</blockquote> 
<hr class="layui-border-red">
<div class="layui-container">
  <div class="layui-row layui-col-sdivace15">
   <div class="layui-col-md6 layui-col-sm6 layui-col-xs12">
      <div class="fly-divanel">
    <p style="font-size: 48px; text-align: center; color: #16baaa;">圈小猫</p>
    <!-- 快捷方式 -->
        
    <p style="text-align: center;">
      <a href="{:url('game/cat')}"><img src="{__STATIC__}/libs/images/xm.png" height="300px;"></a></p>
  
      <table class="layui-table">
          <tbody>
    <tr>
      <td>谐音：<a href="{:url('game/cat')}">游戏《圈小猫》</a></td>
      <td>用途：<a href="{:url('game/cat')}" class="layui-btn">查看详情</a></td>
    </tr>
    <tr>
      <td>环境：互联网主流小游戏</td>
      <td>特性：原生态开发 / 简单，易操作游戏《圈小猫》</td>
    </tr>
  </tbody>
</table>
        </div>
      </div>
    <!-- 风格线 -->
      
  <div class="layui-col-md6 layui-col-sm6 layui-col-xs12">
      <div class="fly-divanel">
        <p style="font-size: 48px; text-align: center; color: #16baaa;">
抽奖转盘
</p>
    <p style="text-align: center;">
    <a href="{:url('game/lottery')}"><img src="{__STATIC__}/libs/images/z.png" height="300px;"></a>
    </p>
      <table class="layui-table">
          <tbody>
    <tr>
      <td>谐音：<a href="{:url('game/lottery')}">抽奖转盘</a></td>
      <td>用途：<a href="{:url('game/lottery')}" class="layui-btn">查看详情</a></td>
    </tr>
    <tr>
      <td>环境：每天都有抽奖活动</td>
      <td>特性：原生态开发 / 奖品来自会员赠送或管理员</td>
    </tr>
  </tbody>
</table>
        </div>
      </div>
      <!-- 风格线 -->
      <div class="layui-col-md6 layui-col-sm6 layui-col-xs12">
      <div class="fly-divanel">
        <p style="font-size: 48px; text-align: center; color: #16baaa;">
  红心闪闪
</p>    <!-- 快捷方式 -->
 <p style="text-align: center;">
        <a href="{:url('/index/chat')}"><i class="layui-icon layui-icon-heart-fill" style="font-size: 300px; color: #FF0000;"></i></a></p>  
      <table class="layui-table">
          <tbody>
    <tr>
      <td>谐音：<a href="{:url('/game/heart')}">红心闪闪</a></td>
      <td>用途：<a href="{:url('/game/heart')}" class="layui-btn">查看详情</a></td>
    </tr>
    <tr>
      <td>环境：红心闪闪文明聊天，和谐文流</td>
      <td>特性：原生态开发/自由发言，愉快聊天</td>
    </tr>
  </tbody>
</table>
        </div>
      </div>
      <!-- 风格线 -->
      <div class="layui-col-md6 layui-col-sm6 layui-col-xs12">
      <div class="fly-divanel">
        <p style="font-size: 48px; text-align: center; color: #16baaa;">
  投稿创作
</p>    <!-- 快捷方式 -->
 <p style="text-align: center;">
<a href="{:url('article/add')}"><i class="layui-icon layui-icon-upload" style="font-size: 300px; color: #1E9FFF;"></i></a></p> 
        
      <table class="layui-table">
          <tbody>
    <tr>
      <td>谐音：<a href="{:url('article/add')}">投稿创作</a></td>
      <td>用途：<a href="{:url('article/add')}" class="layui-btn">查看详情</a></td>
    </tr>
    <tr>
      <td>环境：热心网友投稿创作</td>
      <td>特性：原生态开发/本文来自互联网或网友投稿</td>
    </tr>
  </tbody>
</table>
        </div>
      </div>
      <!-- 风格线 -->
      <div class="layui-col-md6 layui-col-sm6 layui-col-xs12">
      <div class="fly-divanel">
        <p style="font-size: 48px; text-align: center; color: #16baaa;">
  聊天室
</p>    <!-- 快捷方式 -->
 <p style="text-align: center;">
        <a href="{:url('/index/chat')}"><i class="layui-icon layui-icon-dialogue" style="font-size: 300px; color: #1E9FFF;"></i></a></p>  
      <table class="layui-table">
          <tbody>
    <tr>
      <td>谐音：<a href="{:url('/index/chat')}">聊天室</a></td>
      <td>用途：<a href="{:url('/index/chat')}" class="layui-btn">查看详情</a></td>
    </tr>
    <tr>
      <td>环境：文明聊天，和谐文流</td>
      <td>特性：原生态开发/自由发言，愉快聊天</td>
    </tr>
  </tbody>
</table>
        </div>
      </div>
      <!-- 风格线 -->
      <div class="layui-col-md6 layui-col-sm6 layui-col-xs12">
      <div class="fly-divanel">
        <p style="font-size: 48px; text-align: center; color: #16baaa;">
 代码雨特效
</p>    <!-- 快捷方式 -->
 <p style="text-align: center;">
        <a href="{:url('/index/chat')}"><i class="layui-icon layui-icon-fonts-code" style="font-size: 300px; color: #1E9FFF;"></i></a></p>  
      <table class="layui-table">
          <tbody>
    <tr>
      <td>谐音：<a href="{:url('/game/clock')}">代码雨特效</a></td>
      <td>用途：<a href="{:url('/game/clock')}" class="layui-btn">查看详情</a></td>
    </tr>
    <tr>
      <td>环境：canvas代码雨特效</td>
      <td>特性：原生态开发/自由发言，愉快聊天</td>
    </tr>
  </tbody>
</table>
        </div>
      </div>
        </div>
      </div>
   {/block} 